<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.jian{
				width: 20px;
				height: 20px;
				background-image: url(img/jian.svg);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				
			}
			.equi{
				background-image: url(img/Equipmen.svg);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			.hero{
				background-image: url(img/hreo.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			.mui-tab-label{
				display: none;
			}
		</style>

	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-bar-transparent">
		    <h1 class="mui-title" id="title">英雄</h1>
		</header>
		<div id="">
			<nav class="mui-bar mui-bar-tab">
				<a class="mui-tab-item mui-active" data-p="英雄" href="home.html">
					<span class="mui-icon hero"></span>
					<!--<span class="mui-tab-label">英雄</span>-->
				</a>
				<a class="mui-tab-item" data-p="装备" href="equipment.html">
					<span class="mui-icon equi"></span>
					<!--<span class="mui-tab-label">装备</span>-->
				</a>
				<a class="mui-tab-item" data-p="技能" href="skill.html">
					<span class="mui-icon jian"></span>
					<!--<span class="mui-tab-label">技能</span>-->
				</a>
			</nav>
		</div>
	</body>

</html>
<script src="js/mui.min.js"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>